<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="shortcut icon" href="https://wx.gtimg.com/core/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" type="text/css" href="./css/public.css"/>
		<link rel="stylesheet" type="text/css" href="./css/jquery.datetimepicker.css"/>
		<title>订单查询 - 微信商户平台</title>
		<style type="text/css">
			a {
				color: #4466AD;
				text-decoration: none;
			}
			/* 中间主体 */
			.main{
				background: url(img/bg_half.png) center repeat-y;
				display: flex;
				flex-direction: row;
				justify-content: center;
			}
			/* 左 */
			.main-l{
				width: 186px;
				background: #fafafa;
				padding: 2px 0;
			}
			.lTit{
				color: #999999;
				padding: 12.8px 0;
				padding-top: 28px;
				border-top: 1px solid #E0E0E0;
			}
			.lTit:nth-child(1){
				border-top: none;
			}
			.nav{
				padding-bottom: 15px;
			}
			.nav>div{
				padding: 11px 0;
			}
			.selected{
				color: #00c250;
			}
			.nav>div:hover{
				cursor:pointer;
				color: #00C250;
			}
			/* 右 */
			.main-r{
				width: 958px;
				padding-top: 32px;
				padding-left: 40px;
				background: #FFFFFF;
			}
			.mainTit{
				padding-bottom: 24px;
				font-size: 20px;
				line-height: 1;
			}
			.tit{
				display: flex;
				flex-direction: row;
				border-bottom: 1px solid #EEE;
				margin-bottom: 30px;
			}
			.tit>div{
				line-height: 48px;
				margin: 0 48px -1px 0;
			}
			.selected1{
				color: #00c250;
				border-bottom: 3px solid #00c250;
			}
			.timeList{
				display: flex;
				flex-direction: row;
			}
			.timeList>div:nth-child(2)>div:nth-child(1){
				display: flex;
				flex-direction: row;
				align-items: center;
			}
			.timeList>div:nth-child(2)>div:nth-child(2){
				padding-top: 8px;
				color: #999;
			}
			.timeList>div:nth-child(2)>div:nth-child(3){
				margin-top: 24px;
			}
			.timeList>div:nth-child(2)>div:nth-child(3) span{
				margin-left: 15px;
				color: #4466AD;
			}
			.timeDome{
				width: 166px;
				display: flex;
				flex-direction: row;
				align-items: center;
				padding: 10px 8px;
				border: 1px solid #E0E0E0;
				border-radius: 4px;
			}
			.timeDome input{
				width: 142px;
				border: none;
				font-size: 14px;
			}
			.timeDome input:focus{
				outline:none;
			}
			.ico-date{
				display: inline-block;
				width: 18px;
				height: 18px;
				background: url(./img/sprite.png) no-repeat;
				background-position: -66px -166px;
			}
			.cxBtn{
				display: inline-block;
				background: #00c250;
				height: 40px;
				line-height: 40px;
				padding: 0 37px;
				color: #FFFFFF;
				border-radius: 4px;
				cursor: pointer;
			}
			.exc{
				text-align: right;
				margin-bottom: 24px;
				margin-top: 24px;
			}
			.ico-xls{
				display: inline-block;
				width: 17px;
				height: 13px;
				background: url(./img/sprite.png) no-repeat;
				background-position: -215px -188px;
				position: relative;
				top: 1px;
				margin-right: 3px;
			}
			.ico-txt{
				display: inline-block;
				width: 17px;
				height: 13px;
				background: url(./img/sprite.png) no-repeat;
				background-position: -234px -188px;
				position: relative;
				top: 1px;
				margin-right: 3px;
			}
			.vs{
				color: #E0E0E0;
				margin: 0 15px;
				font-family: arial;
			}
			.wgjlBiao{

			}
			.wgjlBiao>div{
				display: flex;
				flex-direction: row;
				align-items: center;
			}
			.wgjlBiao>div:nth-child(1),.zrzcjlList:nth-child(2){
				background: #fafafa;
				border-top: 1px solid #EEE;
				border-bottom: 1px solid #EEE;
			}
			.wgjlBiao>div:nth-child(1)>div,.zrzcjlList:nth-child(2)>div{
				color: #999999;
				padding: 16px 8px;
			}
			.wgjlBiao>div{
				border-bottom: 1px solid #EEE;
			}
			.wgjlBiao>div>div{
				padding: 16px 8px;
				display: flex;
				flex-direction: row;
				align-items: center;
			}
			.wgjlBiao>div>div .arrow{
				border-color: #cccccc transparent transparent;
				margin-top: 2px;
			}
			/* 提现/转出 */
			.ipt{
				display: flex;
				flex-direction: row;
				align-items: center;
				margin-top: 30px;
				margin-left: -10px;
			}
			.ipt span{
				color: #e15f63;
				font-family: SimSun;
				margin-right: 3px;
			}
			.ipt>div:nth-child(2){
				width: 100px;
			}
			.ipt>div:nth-child(3){
				width: 298px;
				height: 38px;
				line-height: 38px;
				border: 1px solid #E0E0E0;
				border-radius: 4px;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				padding: 0 10px;
			}
			.ipt>div:nth-child(3)>div:nth-child(2){
				display: flex;
				flex-direction: row;
				align-items: center;
				color: #999999;
			}
			.ipt>div:nth-child(3)>div:nth-child(2) i{
				border-color: #cccccc transparent transparent;
				position: relative;
				top: -2px;
			}
			.ico-tick{
				display: inline-block;
				width: 20px;
				height: 20px;
				background: url(./img/sprite.png) no-repeat;
				background-position: -174px -188px;
				position: absolute;
				right: 0;
				bottom: 0;
			}
			.ipt input{
				width: 310px;
				height: 38px;
				line-height: 38px;
				text-indent: 8px;
				border: 1px solid #E0E0E0;
				border-radius: 4px;
			}
			.ipt input:focus{
				background:none;
				outline:none;
				border: 1px solid #E0E0E0;
			}
			.ipt input:hover{
				box-shadow: 0px 0px 3px #E0E0E0;
			}
			.ico-tick1{
				display: inline-block;
				width: 18px;
				height: 18px;
				background: url(./img/sprite.png) no-repeat;
				background-position: -80px -122px;
			}
			.ipt>div:nth-child(3):hover{
				box-shadow: 0px 0px 3px #E0E0E0;
			}
			.ipt .yhBtn:hover{
				box-shadow: none !important;
				border: 1px solid #E0E0E0 !important;
			}
			.tc{
				position: fixed;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background: rgba(0,0,0,0.5);
				z-index: 999;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.tc-main{
				width: 700px;
				background: #FFFFFF;
				border-radius: 4px;
				position: relative;
				top: -66px;
			}
			.tc-main>div:nth-child(1),.aq-main>div:nth-child(1){
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				font-size: 16px;
				padding: 25px 32px;
			}
			.ico-cls{
				display: inline-block;
				width: 20px;
				height: 20px;
				background: url(./img/sprite.png) no-repeat;
				background-position: 0px -166px;
			}
			.ico-msg{
				display: inline-block;
				width: 48px;
				height: 48px;
				background: url(./img/sprite.png) no-repeat;
				background-position: -150px -69px;
				margin-right: 9px;
			}
			.ico-msg1{
				display: inline-block;
				width: 48px;
				height: 48px;
				background: url(./img/sprite.png) no-repeat;
				background-position: -50px -69px;
				margin-right: 9px;
			}
			.tc-main>div:nth-child(2){
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				padding-bottom: 65px;
				border-bottom: 1px solid #EEE;
			}
			.tc-main>div:nth-child(3){
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				padding: 20px;
			}
			.tc-main>div:nth-child(3)>div{
				padding: 0 36px;
				height: 38px;
				line-height: 38px;
				border-radius: 4px;
				cursor: pointer;
			}
			/* 转入转出记录 */
			.zrzcjl{

			}
			.dx{
				display: flex;
				flex-direction: row;
				align-items: center;
				margin-bottom: 24px;
			}
			.dxList{
				display: flex;
				flex-direction: row;
				align-items: center;
				margin-right: 15px;
				padding-top: 9px;
				cursor: default;
			}
			.dxicon{
				display: inline-block;
				width: 18px;
				height: 18px;
				background: url(./img/sprite.png) no-repeat;
				background-position: 0 -146px;
				margin-right: 10px;
				cursor: pointer;
			}
			.dxicon:hover{
				background-position: -200px -146px;
			}
			.dxicon1{
				display: inline-block;
				width: 18px;
				height: 18px;
				background: url(./img/sprite.png) no-repeat;
				background-position: -20px -146px;
				margin-right: 10px;
				cursor: pointer;
			}
			.timeDayList{
				margin-left: 8px;
			}
			.timeDayList span{
				padding: 0 15px;
				color: #E0E0E0;
			}
			.search{
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				position: relative;
				border-top: 1px solid #EEEEEE;
				margin-top: 32px;
				padding-top: 32px;
				margin-bottom: 24px;
			}
			.search input{
				width: 256px;
				padding: 8px 0;
				padding-right: 30px;
				height: 22px;
				line-height: 22px;
				text-indent: 8px;
				border: 1px solid #E0E0E0;
				border-radius: 4px;
			}
			.search input:focus{
				outline:none;
			}
			.search input:hover{
				box-shadow: 0px 0px 3px #E0E0E0;
			}
			.search .ssicon{
				display: inline-block;
				width: 18px;
				height: 18px;
				background: url(./img/sprite.png) no-repeat;
				background-position: -85px -166px;
				position: absolute;
				top: 45px;
				left: 260px;
				cursor: pointer;
			}
			.search a{
				margin-left: 8px;
			}
			.search>div:nth-child(2){
				padding: 10px;
				border: 1px solid #E0E0E0;
				border-radius: 4px;
				display: flex;
				flex-direction: row;
				align-items: center;
			}
			.search>div:nth-child(2) .arrow{
				border-color: #cccccc transparent transparent;
				margin-top: 2px;
			}
			/* 安全密码 */
			.aq-main{
				width: 700px;
				background: #FFFFFF;
				border-radius: 4px;
				position: relative;
				top: -66px;
			}
			.yuan{
				display: flex;
				flex-direction: row;
				align-items: center;
				width: 294px;
				height: 38px;
				border: 1px solid #E0E0E0;
				border-radius: 4px;
			}
			.yuan div{
				width: 48px;
				height: 24px;
				border-right: 1px solid #E0E0E0;
			}
			.aq-main>div:nth-child(2){
				display: flex;
				flex-direction: row;
				align-items: center;
				padding-bottom: 65px;
				position: relative;
			}
			.aq-main>div:nth-child(2)>div:nth-child(1){
				padding: 0 40px 0 32px;
			}
			.aqTxt{
				position: absolute;
				top: 48px;
				left: 128px;
				color: #999999;
			}
			.aqIpt{
				height: 22px;
				line-height: 22px;
				position: absolute;
				top: 10px;
				left: 127px;
				display: flex;
				flex-direction: row;
			}
			.aqIpt1{
				height: 22px;
				line-height: 22px;
				position: absolute;
				top: 10px;
				left: 127px;
				display: flex;
				flex-direction: row;
				opacity: 0;
			}
			.aqIpt input{
				width: 18px;
				font-size: 20px;
				margin-left: 27px;
				outline: none;
				border: none;
				background: #FFFFFF;
			}
			.aqIpt>input:first-child{
				margin-left: 21px !important;
			}
			.aqBtn{
				display: inline-block;
				padding: 0 36px;
				height: 38px;
				line-height: 38px;
				border-radius: 4px;
				cursor: pointer;
				background: #00C250;
				color: #FFFFFF;
				margin-bottom: 48px;
				margin-left: 128px;
			}
			/* 转出报错界面 */
			.zcbc{

			}
			.zcbc>div:nth-child(2){
				width: auto;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				margin-top: 30px;
			}
			.zcbc>div:nth-child(3)>div{
				display: inline-block;
				padding: 0 36px;
				height: 38px;
				line-height: 38px;
				border-radius: 4px;
				cursor: pointer;
				background: #00C250;
				color: #FFFFFF;
			}
			.xdsoft_datetimepicker{
				margin-top: 16px;
				margin-left: -9px;
			}
		</style>
	</head>
	<body>
		<!-- 头部 -->
		<div class="head">
			<div class="headContent-t">
				<div>
					<i class="ico-news"></i>
					消息中心
				</div>
				<div>
					<i class="ico-search"></i>
					服务商搜索
				</div>
				<div>
					<i class="ico-help"></i>
					帮助中心
				</div>
				<div>
					<i class="ico-docu"></i>
					我的账号
					<span class="arrow"></span>
				</div>
			</div>
		</div>
		<div class="headContent-b">
			<div>
				<img src="./img/logo.png" >
				<div class="headContent-r">
					<ul>
						<li>
							<a href="index.html">首页</a>
						</li>
						<li class="selected">
							<a href="#" style="color: #00C250;">交易中心</a>
						</li>
						<li>
							<a href="account.html">账户中心</a>
						</li>
						<li>
							<a href="#">营销中心</a>
						</li>
						<li>
							<a href="product.html">产品中心</a>
						</li>
						<li>
							<a class="ab" href="#">数据中心</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!-- 中间 -->
		<div class="main">
			<div class="main-l">
				<div class="lTit">交易管理</div>
				<div class="nav">
					<div class="selected home">交易订单</div>
					<div>退款管理</div>
				</div>
				<div class="lTit">结算管理</div>
				<div class="nav">
					<div>已结算查询</div>
				</div>
				<div class="lTit">账单管理</div>
				<div class="nav">
					<div>交易账单</div>
					<div>资金账单</div>
				</div>
				<div class="lTit">资金管理</div>
				<div class="nav">
					<div>充值/转入</div>
					<div class="txzcBtn">提现/转出</div>
					<div class="zrzcjlBtn">转入/转出记录</div>
					<div>资金流水</div>
				</div>
				<div class="lTit">分账</div>
				<div class="nav">
					<div>分账查询</div>
					<div>分账账单</div>
					<div>管理分账接收方</div>
					<div>分账接收设置</div>
				</div>
				<div class="lTit">凭证管理</div>
				<div class="nav">
					<div>电子凭证</div>
				</div>
			</div>
			<div class="main-r">
				<!-- 提交订单 -->
				<div class="jydd">
					<div class="mainTit">交易订单</div>
					<div class="tit">
						<div class="selected1">批量订单查询</div>
						<div>按订单号查询</div>
					</div>
					<div class="timeList">
						<div style="padding-top: 9px;width: 100px;">交易时间</div>
						<div>
							<div>
								<div class="timeDome">
									<input id="detaTime" value="2021-07-01 00:00:00" />
									<i class="ico-date"></i>
								</div>
								<div style="padding: 0 10px;">到</div>
								<div class="timeDome">
									<input id="detaTime1" value="2021-08-01 23:59:59" />
									<i class="ico-date"></i>
								</div>
							</div>
							<div>单次查询日期的最长跨度为31天</div>
							<div>
								<div class="cxBtn ddBtn">查询</div>
								<span>显示高级选项</span>
							</div>
						</div>
					</div>
					<div class="exc">下载订单：<i class="ico-xls"></i><span style="color: #4466AD;">Excel格式</span><i class="vs">|</i><i class="ico-txt"></i><span style="color: #4466AD;">Txt格式</span></div>
					<div class="wgjlBiao">
						<div>
							<div style="width: 84px;">交易时间</div>
							<div style="width: 150px;">商户订单号</div>
							<div style="width: 250px;">微信支付单号</div>
							<div style="width: 66px;">支付场景</div>
							<div style="width: 94px;">交易状态</div>
							<div style="width: 105px;">订单金额(元)</div>
							<div>操作</div>
						</div>
						<div class="zwsj">
							<div style="margin: 0 auto;color: #999999;">暂无数据</div>
						</div>
						<div class="ddList">
							<div style="width: 84px;">2021-09-17 15:15:54</div>
							<div style="width: 150px;">XBB1715113479699</div>
							<div style="width: 250px;">4200001188202109178680320555</div>
							<div style="width: 66px;">MWEB</div>
							<div style="width: 94px;">买家已支付</div>
							<div style="width: 105px;">2997.00</div>
							<div><a href="">查看 退款</a></div>
						</div>
						<div class="ddList">
							<div style="width: 84px;">2021-09-17 15:13:06</div>
							<div style="width: 150px;">XBB1715123251475</div>
							<div style="width: 250px;">4200001200202109176860188124</div>
							<div style="width: 66px;">MWEB</div>
							<div style="width: 94px;">买家已支付</div>
							<div style="width: 105px;">997.00</div>
							<div><a href="">查看 退款</a></div>
						</div>
						<div class="ddList">
							<div style="width: 84px;">2021-09-17 15:13:05</div>
							<div style="width: 150px;">XBB1715114604127</div>
							<div style="width: 250px;">4200001177202109174610493825</div>
							<div style="width: 66px;">MWEB</div>
							<div style="width: 94px;">买家已支付</div>
							<div style="width: 105px;">997.00</div>
							<div><a href="">查看 退款</a></div>
						</div>
						<div class="ddList">
							<div style="width: 84px;">2021-09-17 15:12:54</div>
							<div style="width: 150px;">XBB1715121157946</div>
							<div style="width: 250px;">4200001170202109172643228276</div>
							<div style="width: 66px;">MWEB</div>
							<div style="width: 94px;">买家已支付</div>
							<div style="width: 105px;">997.00</div>
							<div><a href="">查看 退款</a></div>
						</div>
						<div class="ddList">
							<div style="width: 84px;">2021-09-17 15:12:47</div>
							<div style="width: 150px;">XBB1715122091299</div>
							<div style="width: 250px;">4200001202202109176067117115</div>
							<div style="width: 66px;">MWEB</div>
							<div style="width: 94px;">买家已支付</div>
							<div style="width: 105px;">497.00</div>
							<div><a href="">查看 退款</a></div>
						</div>
						<div class="ddList">
							<div style="width: 84px;">2021-09-17 15:12:28</div>
							<div style="width: 150px;">XBB1715120233344</div>
							<div style="width: 250px;">4200001169202109177248674976</div>
							<div style="width: 66px;">MWEB</div>
							<div style="width: 94px;">买家已支付</div>
							<div style="width: 105px;">997.00</div>
							<div><a href="">查看 退款</a></div>
						</div>
						<div class="ddList">
							<div style="width: 84px;">2021-09-17 15:12:28</div>
							<div style="width: 150px;">XBB1715111488306</div>
							<div style="width: 250px;">4200001201202109175875678763</div>
							<div style="width: 66px;">MWEB</div>
							<div style="width: 94px;">买家已支付</div>
							<div style="width: 105px;">497.00</div>
							<div><a href="">查看 退款</a></div>
						</div>
						<div class="ddList">
							<div style="width: 84px;">2021-09-17 15:12:19</div>
							<div style="width: 150px;">XBB1715115597282</div>
							<div style="width: 250px;">4200001189202109171071295691</div>
							<div style="width: 66px;">MWEB</div>
							<div style="width: 94px;">买家已支付</div>
							<div style="width: 105px;">997.00</div>
							<div><a href="">查看 退款</a></div>
						</div>
						<div class="ddList">
							<div style="width: 84px;">2021-09-17 15:12:02</div>
							<div style="width: 150px;">XBB1715114683819</div>
							<div style="width: 250px;">4200001195202109179956755110</div>
							<div style="width: 66px;">MWEB</div>
							<div style="width: 94px;">买家已支付</div>
							<div style="width: 105px;">997.00</div>
							<div><a href="">查看 退款</a></div>
						</div>
						<div class="ddList">
							<div style="width: 84px;">2021-09-17 15:11:53</div>
							<div style="width: 150px;">XBB1715113417961</div>
							<div style="width: 250px;">4200001172202109179571713104</div>
							<div style="width: 66px;">MWEB</div>
							<div style="width: 94px;">买家已支付</div>
							<div style="width: 105px;">997.00</div>
							<div><a href="">查看 退款</a></div>
						</div>
					</div>
				</div>
				<!-- 提交订单结束 -->
				<!-- 提现/转出 -->
				<div class="txzc">
					<div class="mainTit" style="border-bottom: 1px solid #E0E0E0;">转出</div>
					<div class="ipt">
						<span>*</span>
						<div>出款账户</div>
						<div style="cursor: pointer;">
							<div>基础账户</div>
							<div>可用余额0.00元<i class="arrow"></i></div>
						</div>
					</div>
					<div class="ipt">
						<span>*</span>
						<div>收款帐户</div>
						<div class="yhBtn" style="border-color: #00c250;position: relative;cursor: pointer;">
							<div>银行卡</div>
							<div>6215XXXX</div>
							<i class="ico-tick"></i>
						</div>
					</div>
					<div class="ipt">
						<span>*</span>
						<div>转出金额</div>
						<input class="numBtn" placeholder="支持小数点后俩位" />
						<span style="color: #333333;margin-left: 12px;">元</span>
					</div>
					<div class="tsTxt" style="margin-left: 100px;padding-top: 8px;color: #F15451;">请输入转出的金额</div>
					<div style="margin-left: 100px;padding-top: 8px;color: #999999;">本次转出限额为8亿元</div>
					<div class="ipt numTxt">
						<span style="width: 7px;"></span>
						<div>确认转出金额</div>
						<p style="color: #00c250;font-weight: bold;">100.00</p>元
					</div>
					<div class="ipt">
						<span style="width: 7px;"></span>
						<div>提现附言</div>
						<div style="width: 294px;cursor: text;">
							<div></div>
							<div>0/32</div>
						</div>
						<i class="ico-tick1" style="margin-left: 12px;"></i>
					</div>
					<div class="ipt">
						<span style="width: 7px;"></span>
						<div style="position: relative;top: -42px;">操作备注</div>
						<div style="width: 294px;height: 122px;cursor: text;">
							<div></div>
							<div style="position: relative;top: 45px;">0/50</div>
						</div>
					</div>
					<div style="margin-left: 103px;margin-top: 40px;">
						<div class="cxBtn zcBtn">转出</div>
						<span style="margin-left: 24px;color: #999999;">预计下个工作日到账</span>
					</div>
				</div>
				<!-- 提现转出结束 -->

				<!-- 转入转出记录 -->
				<div class="zrzcjl">
					<div class="mainTit" style="border-bottom: 1px solid #E0E0E0;margin-bottom: 30px;">转入/转出记录</div>
					<div class="dx" style="margin-bottom: 36px;">
						<div style="padding-top: 9px;width: 100px;">业务类型</div>
						<div class="dxList">
							<i class="dxicon1 cz"></i>充值
						</div>
						<div class="dxList">
							<i class="dxicon"></i>提现
						</div>
						<div class="dxList">
							<i class="dxicon"></i>账户间转账
						</div>
					</div>
					<div class="dx">
						<div style="padding-top: 9px;width: 100px;">记账时间</div>
						<div class="dxList">
							<i class="dxicon1"></i>最近一个月
						</div>
						<div class="dxList">
							<i class="dxicon"></i>一个月前
						</div>
					</div>
					<div class="timeList">
						<div style="padding-top: 9px;width: 100px;"></div>
						<div>
							<div>
								<div class="timeDome">
									<input id="detaTime2" value="2021-07-01 00:00:00" />
									<i class="ico-date"></i>
								</div>
								<div style="padding: 0 10px;">至</div>
								<div class="timeDome">
									<input id="detaTime3" value="2021-08-01 23:59:59" />
									<i class="ico-date"></i>
								</div>
								<div class="timeDayList">
									<a href="javascript:void(0)">今天</a>
									<span>|</span>
									<a href="javascript:void(0)">昨天</a>
									<span>|</span>
									<a href="javascript:void(0)">最近7天</a>
									<span>|</span>
									<a href="javascript:void(0)">本周</a>
									<span>|</span>
									<a href="javascript:void(0)">本月</a>
								</div>
							</div>
							<div>时间跨度最多支持31天</div>
							<div>
								<div class="cxBtn dxBtn">查询</div>
							</div>
						</div>
					</div>
					<div class="search">
						<div>
							<input placeholder="输入转入/转出单号进行查询"/>
							<i class="ssicon"></i>
							<a class="zdtxtxt" href="javascript:void(0)">自动提现设置</a>
						</div>
						<div>下载记录<i class="arrow"></i></div>
					</div>
					<div class="wgjlBiao" style="margin-bottom: 30px;">
						<div class="zrzcjlList1">
							<div style="width: 84px;">发起时间</div>
							<div style="width: 140px;">转入/转出单号</div>
							<div style="width: 128px;">出款账户<i class="arrow"></i></div>
							<div style="width: 128px;">入款账户<i class="arrow"></i></div>
							<div style="width: 128px;">业务类型<i class="arrow"></i></div>
							<div style="width: 86px;">状态<i class="arrow"></i></div>
							<div style="width: 85px;">金额(元)</div>
							<div style="display:block;width:50px;text-align: right;">操作</div>
						</div>
						<div class="zrzcjlList">
							<div style="width: 84px;">发起时间</div>
							<div style="width: 281px;">转入/转出单号</div>
							<div style="width: 88px;">出款账户<i class="arrow"></i></div>
							<div style="width: 88px;">入款账户<i class="arrow"></i></div>
							<div style="width: 88px;">业务类型<i class="arrow"></i></div>
							<div style="width: 58px;">状态<i class="arrow"></i></div>
							<div style="width: 109px;">金额(元)</div>
							<div style="display:block;width:32px;text-align: right;">操作</div>
						</div>
						<div class="zrzcjlList">
							<div style="width: 84px;">2021-08-02 04:45:30</div>
							<div style="width: 281px;">209000132867643202108022281596584</div>
							<div style="width: 88px;">基本账户</div>
							<div style="width: 88px;">银行卡</div>
							<div style="width: 88px;">自动提现</div>
							<div style="width: 58px;">已关闭</div>
							<div style="width: 109px;">227,186.85<i class="ico-tick1" style="margin-left: 10px;"></i></div>
							<div style="display:block;width:32px;text-align: right;color: #4466AD;">查看</div>
						</div>
						<div class="zrzcjlList">
							<div style="width: 84px;">2021-08-02 04:45:30</div>
							<div style="width: 281px;">209000132867643202108022281596584</div>
							<div style="width: 88px;">基本账户</div>
							<div style="width: 88px;">银行卡</div>
							<div style="width: 88px;">自动提现</div>
							<div style="width: 58px;">已关闭</div>
							<div style="width: 109px;">227,186.85<i class="ico-tick1" style="margin-left: 10px;"></i></div>
							<div style="display:block;width:32px;text-align: right;color: #4466AD;">查看</div>
						</div>
						<div class="zrzcjlList">
							<div style="width: 84px;">2021-08-02 04:45:30</div>
							<div style="width: 281px;">209000132867643202108022281596584</div>
							<div style="width: 88px;">基本账户</div>
							<div style="width: 88px;">银行卡</div>
							<div style="width: 88px;">自动提现</div>
							<div style="width: 58px;">已关闭</div>
							<div style="width: 109px;">227,186.85<i class="ico-tick1" style="margin-left: 10px;"></i></div>
							<div style="display:block;width:32px;text-align: right;color: #4466AD;">查看</div>
						</div>
					</div>
				</div>
				<!-- 转入转出记录结束 -->

				<!-- 转出报错界面 -->
				<div class="zcbc">
					<div class="mainTit" style="border-bottom: 1px solid #E0E0E0;">转出</div>
					<div>
						<i class="ico-msg1"></i>
						<!-- <div>操作失败：错误原因：账户可用余额不足，或您有部分资金使用范围受限，无法支持该业务付款。</div> -->
						<div>操作失败：商户号在处罚中，请查看违规记录、邮箱或站内信</div>
					</div>
					<div style="display: flex;flex-direction: row;justify-content: center;align-items: center;margin-top: 20px;">
						<div class="cxzcBtn">重新转出</div>
						<span style="margin-left: 10px;color: #4466AD;">联系客服</span>
					</div>
				</div>
				<!-- 转出报错界面结束 -->
			</div>
		</div>

		<!-- 转出弹窗 -->
		<div class="tc">
			<div class="tc-main">
				<div>
					<div>提现/转入</div>
					<div class="ico-cls" style="cursor: pointer;"></div>
				</div>
				<div>
					<i class="ico-msg"></i>
					<div>
						<div>确认提交</div>
						<div class="tcTxt" style="color: #999999;">确认从基本账户转出100.00元至银行卡</div>
					</div>
				</div>
				<div>
					<div class="tcBtn" style="background: #00C250;color: #FFFFFF;margin-right: 30px;">确认</div>
					<div class="qxBtn" style="background: #EEEEEE;color: #333333;">取消</div>
				</div>
			</div>
			<div class="aq-main">
				<div>
					<div>安全验证</div>
					<div class="ico-cls" style="cursor: pointer;"></div>
				</div>
				<div>
					<div>操作密码</div>
					<div class="yuan">
						<div></div>
						<div></div>
						<div></div>
						<div></div>
						<div></div>
					</div>
					<div style="margin-left: 20px;color: #4466AD;">忘记密码</div>
					<div class="aqTxt">请输入6位数字</div>
					<div class="aqIpt">
						<input type="password" disabled  />
						<input type="password" disabled  />
						<input type="password" disabled  />
						<input type="password" disabled  />
						<input type="password" disabled  />
						<input type="password" disabled  />
					</div>
					<input class="aqIpt1" />
				</div>
				<div class="aqBtn">确认</div>
			</div>
		</div>
		<!-- 转出弹出结束 -->
		<!-- 右侧帮助栏 -->
		<div class="bzl">
			<div><i class="ico-miniapp"></i></div>
			<div><i class="ico-down"></i></div>
			<div><i class="ico-edit"></i></div>
			<div><div>获取帮助</div></div>
		</div>
		<!-- 右侧帮助栏结束 -->
		<!-- 底部 -->
		<div class="foot">
			<div class="footContent">
				<div>
					<div class="footTit">关于我们</div>
					<div>关于微信支付</div>
					<div>平台使用协议</div>
					<div>支付服务协议</div>
					<div>联系我们</div>
				</div>
				<div>
					<div class="footTit">服务支持</div>
					<div>开发文档（商户）</div>
					<div>开发文档（服务商）</div>
					<div>物料下载</div>
				</div>
				<div>
					<div class="footTit">友情链接</div>
					<div>微信开放平台</div>
					<div>微信公众平台</div>
					<div>企业微信</div>
				</div>
				<div>
					<div class="footTit">客服帮助</div>
					<div>自助服务专区</div>
					<div>客服：95017-2</div>
					<div>（工作时间：09:00-22:00）</div>
				</div>
			</div>
			<div class="foot-b">Powered By Tencent & Tenpay　Copyright 2005-2021 Tenpay All Rights Reserved.</div>
		</div>
		<script src="./js/jq.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/jquery.datetimepicker.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$('#detaTime').datetimepicker({
				    format:'Y-m-d H:i:s',
				    theme: 'dark',
					lang: 'ch'
				});
				$('#detaTime1').datetimepicker({
				    format:'Y-m-d H:i:s',
				    theme: 'dark',
					lang: 'ch'
				});
				$('#detaTime').val(myTime(0,'-')+' 00:00:00')//交易订单默认日期
				$('#detaTime1').val(myTime(0,'-')+' 23:59:59')//交易订单默认日期
				$('#detaTime2').val(myTime(30,'-')+' 00:00:00')//转入转出记录
				$('#detaTime3').val(myTime(0,'-')+' 23:59:59')//转入转出记录
				$('.txzc').hide()
				$('.tsTxt').hide()
				$('.numTxt').hide()
				$('.tc').hide()
				$('.aq-main').hide()
				$('.zcbc').hide()
				$('.zrzcjl').hide()//转入转出记录
				var num=null
				$('.home').on('click',function(){//交易订单
					document.title = '订单查询 - 微信商户平台';
					$('.jydd').show()
					$('.txzc').hide()
					$('.zcbc').hide()
					$('.zrzcjl').hide()
					$(this).addClass('selected')
					$('.txzcBtn').removeClass('selected')
					$('.zrzcjlBtn').removeClass('selected')
				})
				$('.txzcBtn').on('click',function(){//提现转出
					document.title = '转出 - 微信支付商户平台';
					$('.txzc').show()
					$('.jydd').hide()
					$('.zcbc').hide()
					$('.zrzcjl').hide()
					$(this).addClass('selected')
					$('.home').removeClass('selected')
					$('.zrzcjlBtn').removeClass('selected')
				})
				$('.zrzcjlBtn').on('click',function(){//转入转出记录
					document.title = '转入/转出记录 - 微信支付商户平台';
					$('.txzc').hide()
					$('.jydd').hide()
					$('.zcbc').hide()
					$('.zrzcjl').show()
					$(this).addClass('selected')
					$('.home').removeClass('selected')
					$('.txzcBtn').removeClass('selected')
				})
				$('.numBtn').blur(function(){
					if(!$(this).val()){
						$('.numTxt').hide()
						$('.tsTxt').show()
					}else{
						//$('.numTxt').css('display','block')
						$('.numTxt').show()
						$(this).val($(this).val()+'.00')
						$('.numTxt p').html($(this).val())
						num=$(this).val()
						$('.tsTxt').hide()
					}
				})
				$('.zcBtn').on('click',function(){
					$('.tcTxt').html('确认从基本账户转出'+num+'元至银行卡')
					$('.tc').show()
				})
				$('.qxBtn').on('click',function(){
					$('.tc').hide()
				})
				$('.tcBtn').on('click',function(){
					$('.tc-main').hide()
					$('.aq-main').show()
				})
				$('.aqIpt1').bind('input propertychange', function() {
					$('.aqIpt input').eq($(this).val().length-1).val('1')
				});
				$('.aqBtn').on('click',function(){
					$('.tc').hide()
					$('.tc-main').show()
					$('.aq-main').hide()
					$('.aqIpt1').val('')
					$('.aqIpt input').val('')
					$('.zcbc').show()
					$('.txzc').hide()
					$('html,body').animate({scrollTop:0},0);
				})
				$('.cxzcBtn').on('click',function(){
					$('.zcbc').hide()
					$('.txzc').show()
				})
				var flag = 0    //1  显示数据     0  不显示数据
				if(flag==1){
					flag=0
					$('.zwsj').hide()
					$('.ddList').show()
				}else{
					flag=1
					$('.zwsj').show()
					$('.ddList').hide()
				}
				$('.ddBtn').on('click',function(){
					if(flag==1){
						flag=0
						$('.zwsj').hide()
						$('.ddList').show()
					}else{
						flag=1
						$('.zwsj').show()
						$('.ddList').hide()
					}
				})
				var flag1 = 0    //1  显示数据     0  不显示数据
				if(flag1==1){
					flag1=0
					$('.zrzcjlList1').hide()
					$('.zrzcjlList').show()
				}else{
					flag1=1
					$('.zrzcjlList').hide()
					$('.zrzcjlList1').show()
				}
				$('.dxBtn').on('click',function(){
					if(flag1==1){//显示数据
						flag1=0
						$('.zrzcjlList1').hide()
						$('.zrzcjlList').show()
					}else{
						flag1=1
						$('.zrzcjlList').hide()
						$('.zrzcjlList1').show()
					}
				})
				$('.zdtxtxt').hide()
				$('.dxList>i').on('click',function(){//业务类型
					$(this).parent().siblings().children().removeClass('dxicon1').addClass('dxicon')
					$(this).removeClass('dxicon').addClass('dxicon1')
					$('.zdtxtxt').show()
					if($(this).hasClass('cz')){
						$('.zdtxtxt').hide()
					}
				})
			})
			function myTime(num,flag){
				var myDate = new Date();
				var lw = new Date(myDate - 1000 * 60 * 60 * 24 * num);//最后一个数字30可改，30天的意思
				var lastY = lw.getFullYear();
				var lastM = lw.getMonth()+1;
				var lastD = lw.getDate();
				var startdate=lastY+flag+(lastM<10 ? "0" + lastM : lastM)+flag+(lastD<10 ? "0"+ lastD : lastD);//三十天之前日期
				return startdate;
			}
		</script>
	</body>
</html>
